*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
#header{
    width: 10rem;
    height: 50px;
    background-color: #1D6DFF;
    color: white;
    overflow: hidden;
    position: relative;
    .xz{
        font: .48rem/1.3333rem "";
        position: absolute;
        right:.5333rem;
        top: 0;
    }
    .fh{
        font: .48rem/1.3333rem "";
        position: absolute;
        left: .5333rem;
    }
    .bt{
        font: .5333rem/1.3333rem "";
        font-weight: bold;
        width: 4.5333rem;
        text-align: center;
        margin: 0 auto;
    }
}
#nav{
    .top{
        border-top: #F3F3F3 .1333rem solid;
        .top_ul{
            display: flex;
            justify-content: space-between;
            white-space: nowrap;
            overflow-y: hidden;
            overflow-x: scroll;
            li{
                //使flex里面的item不自动收缩宽度
                flex: 0 0 auto;
                font: .3733rem/.4267rem "";
                margin: .2667rem 0;
                width: 2rem;
                text-align: center;
            }
            //有select类名的字体变红
            .select{
                color: red;
            }
        }
    }
}
#main{
    width: 10rem;
    .lis li{
        .boxpb{
            border-top: .1333rem solid #F1F1F1;
            overflow: hidden;
            img{
                height: 3.4667rem;
                width: 3.4667rem;
                float: left;
            }
            .jieshao{
                margin-top: .2667rem;
                font: .48rem/.5333rem "";
               .b{
                   color: red;
               } 
            }
            .jiage{
                margin-top: .2667rem;
                color: red;
                font: .48rem/.5333rem "";
                em{
                    font: .3467rem/.3733rem "";
                    font-style: normal;
                }
                del{
                    color: #ccc;
                    font: .3467rem/.3733rem "";
                }
            }
            .getloading{
                margin-top: .2667rem;
                overflow: hidden;
                .n1{
                    float: left;
                    font: .32rem/.3733rem "";
                    text-align: center;
                    height: .5333rem;
                    width: 3.2rem;
                    background-color: pink;
                    border-radius: .2667rem;
                    width: 3.2rem;
                    overflow: hidden;
                    .tcs{
                        color: white;
                        display: block;
                        height: .5333rem;
                        background: red;
                        font: .4267rem/.5333rem "";
                        width: 0;
                        border-radius: .2667rem;
                        // width: 3.2rem;
                    }
                }
                .n2{
                    float: left;
                    font: .32rem/.5333rem "";
                    color: red;
                }
            }
            .get{
                margin: .5333rem;
                .s1{
                    border: dashed 1px red;
                    color: red;
                    font: .3733rem/.4267rem "";
                }
                .s2{
                    margin-left: .2667rem;
                    background-color: red;
                    color: white;
                    border-radius: .1333rem;
                    font: .3733rem/.4267rem "";
                }
            }
        }
    }
}
#foot{
    ul{
        width: 10rem;
        display: flex;
        margin: 15px 0;
        li{
            border-top: 1px solid #666;
            border-bottom: 1px solid #666;
            flex: 1;
            height: .9067rem;
            text-align: center;
            color: #666;
            font: .3733rem/.9067rem "";
        }
        .li1{
            border-right: 1px solid #666;
        }
        .li3{
            border-left: 1px solid #666;
        }
    }
    .p1{
        height: 1.0133rem;
        width: 10rem;
        text-align: center;
        font: .3733rem/.5067rem "";
        color: #666;
    }
}
.title{
    position: relative;
}
#x{
    position: absolute;
    right: .5333rem;
}